<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles"
	prefix="tiles"%>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/css/style.css">
<script language="JavaScript"
	src="<%=request.getContextPath()%>/js/util.js"></script>
<title><tiles:insert flush="false" attribute="title" /></title>
</head>
<body>
<f:view>
	<f:loadBundle basename="resource.bundle.messages" var="messages" />

	<h:form>
		<rich:panel header="#{messages['select.payment.option']}">
			<h:panelGrid>
				<h:outputText value="#{errorBean.errorMessage}" styleClass="error"></h:outputText>
			</h:panelGrid>
			<rich:dataTable id="data" var="type" value="#{registrationBean.paymentOptionList}"
				rows="20" width="99%">
				<rich:column style="text-align:center;width:40%;">
					<f:facet name="header">
						<h:outputText value="#{messages['payment.type']}"></h:outputText>
					</f:facet>
					<h:outputText value="#{type.title}"></h:outputText>
				</rich:column>
				<rich:column style="text-align:center;width:60%;">
					<f:facet name="header">
						<h:outputText value="#{messages['action']}"></h:outputText>
					</f:facet>
					<h:commandButton styleClass="button" value="#{messages['select']}" action="#{registrationBean.navCreatePayment}" 
					actionListener="#{registrationBean.paymentListener}">
					</h:commandButton>
					<f:param value="#{type.id}" id="paymentSelectId"/>
				</rich:column>
			</rich:dataTable>
		</rich:panel>
	</h:form>
</f:view>
</body>
</html>
